<link href="css/site.css" rel="stylesheet" />

<script src="js/jquery-1.8.2.min.js"></script>
<script src="js/jquery.validate.js"></script>
<script src="js/jquery.register.js"></script>

<form action="" id="registerId" method="post">
  <table border="0" cellspacing="0" cellpadding="0" align="center" width="auto">
    <thead>
      <tr>
        <th colspan="2">My Register Form</th>
      </tr>
    </thead>

    <tbody>

      <tr>
        <td align="right">Name :</td>
        <td><input type="text"  name="uname" placeholder="My Name is..." /></td>
      </tr>

      <tr>
              <td align="right">Password :</td>
        <td><input type="password" id="passwordId" name="password" placeholder="My Password is..." /></td>
      </tr>

      <tr>
                    <td align="right">Confirm password :</td>
        <td><input type="password"  name="cpassword" placeholder="Confirm Password..." /></td>
      </tr>

      <tr>
                    <td align="right">Email :</td>
        <td><input type="email"  name="email" autocomplete="off" placeholder="My Email id is..." onPaste="return false" onCopy="return false" maxlength="100" size="20" /></td>
      </tr>

      <tr>
                    <td align="right">Date of Birth  :</td>
        <td><input type="date"  name="dob" placeholder="DD-MM-YYYY" /></td>
      </tr>

      <tr>
                    <td align="right">Gender :</td>
        <td>
          <label><input type="radio" value="male"  name="gender" /> Male</label>
          <label><input type="radio" value="female"  name="gender"/>Female</label>
          <label for="gender" class="error"></label>
          </td>
      </tr>

      <tr>
                    <td align="right">Address :</td>
        <td>
          <textarea name="address"  cols="15" rows="5" placeholder="My address is.." ></textarea>
          </td>
      </tr>
      <tr>
                    <td align="right">Country :</td>
        <td>
          <select  name="country">
            <option value="">-SELECT-</option>
            <option value="in">India</option>
            <option value="pk">Pakistan</option>
            <option value="np">Nepal</option>
            <option value="bd">Bangladesh</option>
            <option value="uk">United Kingdom</option>
            <option value="us">United States</option>

          </select>
          </td>
      </tr>


      <tr>
                    <td align="right">Languages Known:</td>
        <td>
          <select  size="4" multiple name="lang[]">
            <option value="hi">Hindi</option>
            <option value="en">English</option>
            <option value="bn">Bengali</option>
            <option value="gj">Gujrati</option>
            <option value="ml">Malaylam</option>
            <option value="kn">Kannada</option>

          </select>
          </td>
      </tr>

      <tr>
                    <td align="right">Hobbies :</td>
        <td>
          <label><input type="checkbox" name="hobbies[]" value="ck">Cricket</label>
          <label><input type="checkbox" name="hobbies[]" value="hk">Hockey</label><br>
          <label><input type="checkbox" name="hobbies[]" value="ch">Chess</label>
          <label><input type="checkbox" name="hobbies[]"  value="bd">Badminton</label><br>
          <label><input type="checkbox" name="hobbies[]"  value="st">Study</label>
          <label for="hobbies[]" class="error"></label>
        </td>
      </tr>

      <tr>
                    <td align="right">Upload Image :</td>
        <td>  <input type="file"  name="avatar" /></td>
      </tr>

      <tr>
                    <td align="right">&nbsp;</td>
        <td>  <input type="submit" value="I am done!!" /></td>
      </tr>

    </tbody>
  </table>
</form>
